<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>命名空间管理</title>
    <link rel="stylesheet" href="../component/pear/css/pear.css"/>
    <style>
        #queryForm {
            display: flex;
            justify-content: center;
            align-items: center;
        }

    </style>
</head>
<body class="pear-container">
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" action="" id="queryForm">
            <div class="layui-form-item">
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">Coverage Id</label>
                    <div class="layui-input-inline">
                        <input type="text" name="coverageId" placeholder="输入元数据标识" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="ns-query">
                        <i class="layui-icon layui-icon-search"></i>
                        查询
                    </button>
                    <button type="reset" class="pear-btn pear-btn-md">
                        <i class="layui-icon layui-icon-refresh"></i>
                        重置
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table id="ns-table" lay-filter="ns-table"></table>
    </div>
</div>
<script type="text/html" id="ns-toolbar">
    <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
        <i class="layui-icon layui-icon-add-1"></i>
        新增
    </button>
</script>

<script type="text/html" id="ns-bar">
    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>
    </button>
    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i>
    </button>
</script>

<div id = "nsEdit" style="display: none;padding: 15px">
    <form class="layui-form layui-form-pane" action="" onsubmit="return false">
        <input type="hidden" name="id" id = "nid">
        <div class="layui-form-item">
            <label class="layui-form-label">Prefix</label>
            <div class="layui-input-block">
                <input type="text" name="prefix" id = "prefix" placeholder="请输入命名空间前缀" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">URI</label>
            <div class="layui-input-block">
                <input type="text" name="uri" id = "uri" placeholder="请输入命名空间标识" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="editSubmit">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<div id = "nsAdd" style="display: none;padding: 15px">
    <form class="layui-form layui-form-pane" action="" onsubmit="return false">
        <input type="hidden" name="cid" id = "cid">
        <div class="layui-form-item">
            <label class="layui-form-label">Prefix</label>
            <div class="layui-input-block">
                <input type="text" name="prefix" placeholder="请输入命名空间前缀" required class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">URI</label>
            <div class="layui-input-block">
                <input type="text" name="uri" placeholder="请输入命名空间标识" required class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="addSubmit">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>




<script src="../component/layui/layui.js"></script>
<script src="../component/pear/pear.js"></script>
<script src="../js/namespace.js"></script>
</body>
</html>